<!DOCTYPE html>
<html>
<head>
    <title>ST.future.ComboBox | Sencha Test 1.0.3 </title>
    <!--  Generated on August, 12 2016 at 15:48 -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
    <meta property="og:image" content="home-images/sencha-200.png" />
    <meta property="og:title" content="ST.future.ComboBox | Sencha Test 1.0.3 " />
    <meta property="og:description" content="This class provides methods specific to Ext JS ComboBox (Ext.form.field.ComboBox).This is only available in Ext JS / Classic, not in the Modern toolkit (as o..." />
    <meta property="og:site_name" content="Sencha Documentation" />
    <meta property="og:url" content="http://docs.sencha.com/sencha_test/ST.future.ComboBox.html" />
    <meta name="description" content="This class provides methods specific to Ext JS ComboBox (Ext.form.field.ComboBox).This is only available in Ext JS / Classic, not in the Modern toolkit (as o...">
    <style>
        /*!
         *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
         *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
         */
        /* FONT PATH
         * -------------------------- */
        @font-face {
            font-family: 'FontAwesome';
            src: url('css/fonts/fontawesome-webfont.eot?v=4.5.0');
            src: url('css/fonts/fontawesome-webfont.eot@#iefix&v=4.5.0') format('embedded-opentype'),
            url('css/fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),
            url('css/fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),
            url('css/fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),
            url('css/fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');
            font-weight: normal;
            font-style: normal;
        }

    </style>
    <link rel="stylesheet" type="text/css" href="css/prism.css">
        <link rel="stylesheet" type="text/css" href="css/app.css">
        <link rel='canonical' href='default.htm' /><meta name='description' content='Sencha Test API Documentation from Sencha.' />
</head>
<body class=" is-api  has-guides   has-api tree-shown">
    <script type="text/javascript">
        function getOS() {
            var userAgent = navigator.userAgent || navigator.vendor || window.opera;

            if(/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
                return 'ios';
            } else if(userAgent.match(/Android/i)) {
                return 'android';
            }
        }

        var hash = document.location.hash,
                rawhash, newhash, prop, member,
                isIE8 = false;

        if(hash.indexOf('#!') > -1) {
            hash    = hash.replace('#!/api/','');
            rawhash = hash.split('-'),
            prop    = (rawhash[1] == 'static') ? rawhash[2] : rawhash[1],
            member  = (rawhash[1] == 'static') ? rawhash[3] : rawhash[2],
            newhash = rawhash[0] + '.html';

            if (prop && member) {
                newhash += '#' + prop + '-' + member;
            }

            document.location.href = newhash;
        }

        document.body.className += ' ' + getOS();
    </script>
    <!--[if IE 8]>
    <script type='text/javascript'>
        isIE8 = true;
    </script>
    <![endif]-->
    <script type="text/javascript">
        var ExtL = ExtL || {},
            specificId = '',
            isClassTemplate = true,
            isHome = false,
            isLanding = false,
            isApi = true,
            isGuide = false,
            hasApi = true,
            hasGuides = true,
            hasQuickStart = false
            singleton = false,
            pageName = 'ST.future.ComboBox',
            pageTitle = 'Sencha Test',
            homePath = '',
            product = 'test',
            pversion = '1.0.3-orion',
            hasVersions = false,
            myToolkit = 'false';

            if (!isIE8) {
                document.write('<script type=\"text/javascript\" src=\"js/prism.js\"><\/script>');
            }
    </script>
    <script type="text/javascript" src="js/ace.js"></script>
    <script type="text/javascript" src="js/beautify.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <div id="help-wrap">
        <div class="help-header">
            Docs Help
            <div id="help-close"></div>
        </div>
        <div class="classText">
            <div class="toc">
                <h2>内容</h2>
                    <a class="toc-page-h2" href="#terms-icons-and-labels">Terms, Icons, and Labels</a>
                    <a class="toc-page-h3" href="#access-levels">Access Levels</a>
                    <a class="toc-page-h3" href="#member-types">Member Types</a>
                    <a class="toc-page-h3" href="#member-syntax">Member Syntax</a>
                    <a class="toc-page-h3" href="#member-flags">Member Flags</a>
                    <a class="toc-page-h3" href="#class-icons">Class Icons</a>
                    <a class="toc-page-h3" href="#member-icons">Member Icons</a>
                    <a class="toc-page-h2" href="#navigation-and-features">Navigation and Features</a>
                    <a class="toc-page-h3" href="#class-member-quick-nav-menu">Class Member Quick-Nav Menu</a>
                    <a class="toc-page-h3" href="#getter-and-setter-methods">Getter and Setter Methods</a>
                    <a class="toc-page-h3" href="#history-bar">History Bar</a>
                    <a class="toc-page-h3" href="#search-and-filters">Search and Filters</a>
                    <a class="toc-page-h3" href="#api-doc-class-metadata">API Doc Class Metadata</a>
                    <a class="toc-page-h3" href="#expanding-and-collapsing-examples-and-class-members">Expanding and Collapsing Examples and Class Members</a>
                    <a class="toc-page-h3" href="#desktop-vs-mobile-view">Desktop -vs- Mobile View</a>
                    <a class="toc-page-h3" href="#viewing-the-class-source">Viewing the Class Source</a>
            </div>
            <h2 id="terms-icons-and-labels">Terms, Icons, and Labels</h2>
    <p>Many classes have shortcut names used when creating (instantiating) a class with a 
    configuration object.  The shortcut name is referred to as an <code>alias</code> (or <code>xtype</code> if the 
    class extends Ext.Component).  The alias/xtype is listed next to the class name of 
    applicable classes for quick reference.</p>
    <h3 id="access-levels">Access Levels</h3>
    <p>Framework classes or their members may be specified as <code>private</code> or <code>protected</code>.  Else, 
    the class / member is <code>public</code>.  <code>Public</code>, <code>protected</code>, and <code>private</code> are access 
    descriptors used to convey how and when the class or class member should be used.</p>
    <ul>
    <li><p><strong>Public</strong> classes and class members are available for use by any other class or 
    application code and may be relied upon as a stable and persistent within major product 
    versions.  Public classes and members may safely be extended via a subclass.</p>
    </li>
    <li><p><strong>Protected</strong> class members are stable <code>public</code> members intended to be used by the 
    owning class or its subclasses.  Protected members may safely be extended via a subclass.</p>
    </li>
    <li><p><strong>Private</strong> classes and class members are used internally by the framework and are not 
    intended to be used by application developers.  Private classes and members may change or 
    be omitted from the framework at any time without notice and should not be relied upon in 
    application logic.</p>
    </li>
    </ul>
    <h3 id="member-types">Member Types</h3>
    <ul>
    <li><strong>Config</strong> - The configuration options for a class.</li>
    <li><strong>Property</strong> - Set once a class is instantiated. *See Read Only below.</li>
    <li><strong>Method</strong> - Actions that can be performed by a class.  Methods should be read as 
    instance methods and can only be called from a instance of a given class.  Static methods 
    that can be called directly from the class itself will have a <code>static</code> label next to the 
    method name.  *See Static below.</li>
    <li><strong>Event</strong> - Events are specific to the framework event system allowing for classes to 
    programmatically raise an event to be handled by one or more event handler methods.  DOM 
    events, while handled by the framework event system, are not specifically described 
    within the API documentation.  *For DOM events refer to the 
    <a href="../../https@developer.mozilla.org/en-US/docs/Web/Events">event reference</a> page from MDN.</li>
    <li><strong>Theme Variable</strong> - Variables used by the visual theme engine employed by the 
    framework.</li>
    <li><strong>Theme Mixin</strong> - Functions used by the visual theme engine employed by the framework 
    and may use values set in various Theme Variables.</li>
    </ul>
    <h3 id="member-syntax">Member Syntax</h3>
    <p>Below is an example class member that we can disect to show the syntax of a class member 
    (the lookupComponent method as viewed from the Ext.button.Button class in this case).</p>
    <div style="position: relative;" class="show-inherited show-protected members">
        <div style="border: 1px solid #E4E4E4;" class="classmembers member-protected isNotStatic isInherited member-temp-expanded" data-member-name="lookupComponent">
            <div class="collapse-toggle"></div>
            <div class="source-class"><a href="javascript:void(0);">Ext.container.Container</a><div class="viewSource"><a href="javascript:void(0);"></a><a target="_blank" href="javascript:void(0);">view source</a></div></div>
            <div class="member-header">
            <a href="javascript:void(0);" class="member-name-link"><span data-ref="method-lookupComponent" class="member-name"><strong>lookup</strong>Component</span></a>
            <span class="params-list"> ( item )</span> : <span class="memberType">Ext.Component</span>
            <div class="member-tags"><span class="protected">protected</span></div>
        </div>
            <p>Called when a raw config object is added to this container either during initialization of the <a href="javascript:void(0);">items</a> config,
        or when new items are <a href="javascript:void(0);">added), or {@link #insert inserted</a>.</p>
        <p>This method converts the passed object into an instanced child component.</p>
        <p>This may be overridden in subclasses when special processing needs to be applied to child creation.</p>
                    <div class="detail-header">Parameters</div>
                <p><span class="params-list">item</span> :
                        <span class="memberType">&nbsp;Object</span>
                </p>
                <div class="params-desc"><p>The config object being added.</p></div>
                <div class="detail-header">Returns</div>
                <span style="margin-left:12px;" class="memberType">Ext.Component</span>
                <div class="return-desc"><p>The component to be added.</p>
            </div>
        </div>
    </div>
    
    <p>Let&#39;s look at each part of the member row:</p>
    <ul>
    <li><strong>Expand/Collapse</strong> - On the left-hand size of the member row is a control used to 
    expand and collapse each member row to show / hide member details.</li>
    <li><strong>Member Name</strong> - The name of the class member (<code>lookupComponent</code> in this example)</li>
    <li><strong>Method Param</strong> - Any required or optional params used by a method (or passed to an 
    event handler method) will be listed next to the method name within parenthesis 
    (<code>( item )</code> in this example)</li>
    <li><strong>Return type</strong> - The class instance or javascript object returned by the method or 
    property (<code>Ext.Component</code> in this case).  This may be omitted for methods that do not 
    return anything other than <code>undefined</code> or may display as multiple possible values 
    separated by a forward slash <code>/</code> signifying that what is returned may depend on the 
    results of the method call (i.e. a method may return a Component if a get method calls is 
    successful or <code>false</code> if unsuccessful which would be displayed as 
    <code>Ext.Component/Boolean</code>).</li>
    <li><strong>Flags</strong> - Any flags applicable to the member will be displayed next (<code>PROTECTED</code> in 
    this example - see the Flags section below)</li>
    <li><strong>Member Origin</strong> - On the right-hand side of the member row is the class where the 
    member was initially described (<code>Ext.container.Container</code> in this example).  The source 
    class will be displayed as a blue link if the member originates from the current class 
    and gray if it is inherited from an ancestor or mixed-in class.</li>
    <li><strong>Member Source</strong> - On the right-hand side below the member origin class is a link to 
    view the member&#39;s source (<code>view source</code> in the example)</li>
    <li><strong>Params List</strong> - Each param for a class method will be listed using the same name 
    found above in parenthesis, the type of class or object expected, and a description of 
    the param (<code>item : Object</code> in the example).</li>
    <li><strong>Returns</strong> - If a class returns a value other than <code>undefined</code> a &quot;Returns&quot; section 
    will note the type of class or object returned and a description (<code>Ext.Component</code> in the 
    example)</li>
    <li><strong>Since</strong> (<em>not shown in the example</em>) - Some members will show which version of the 
    product the member was first introduced (i.e. <code>Available since 3.4.0</code> - <em>not pictured in 
    the example</em>) just after the member description</li>
    <li><strong>Default</strong> (<em>not shown in the example</em>) - Configs often show the default config value 
    to be applied to a class instance if not overridden (i.e. <code>Defaults to: false</code>)</li>
    </ul>
    <h3 id="member-flags">Member Flags</h3>
    <p>The API documentation uses a number of flags to further commnicate the class member&#39;s 
    function and intent.  The label may be represented by a text label, an abbreviation, or 
    an icon.</p>
    <ul>
    <li><strong>Required</strong> - Required config when instantiating a class</li>
    <li><strong>Bindable</strong> - The config has a setter which allows this config to be set via ViewModel 
    binding</li>
    <li><strong>Read Only</strong> - The property may be read, but cannot be used to configure / 
    re-configure a class instance at runtime</li>
    <li><strong>Singleton</strong> - Singleton classes are instantiated immediately once defined and may not 
    be instantiated manually</li>
    <li><strong>Static</strong> - A static method or property is a method or property belonging to the class 
    itself, not an instance of the class</li>
    <li><strong>Chainable</strong> - Refers to methods that return the class instance back when called.<br>This enables chained method calls like: <code>classInstance.method1().method2().etc();</code></li>
    <li><strong>Deprecated</strong> - A class or member that is scheduled for removal in a future 
    framework version and is provided in the current version for backwards compatibility.<br>Deprecated classes and members will have a message directing you to the preferred class / 
    method going forward.</li>
    <li><strong>Removed</strong> - A removed class or member that exists in documentation only as a 
    reference for users upgrading between framework versions</li>
    <li><strong>Template</strong> - A method defined within a base class designed to be overridden by 
    subclasses</li>
    <li><strong>Abstract</strong> - A class or member may be be defined as abstract.  Abstract classes and 
    members establish a class structure and provide limited, if any, code.  Class-specific 
    code will be furnished via overrides in subclasses.</li>
    <li><strong>Preventable</strong> - Events marked preventable will not fire if <code>false</code> is returned from 
    an event handler</li>
    </ul>
    <h3 id="class-icons">Class Icons</h3>
    <p><span class="icon-demo class-icon"></span> - Indicates a framework class  </p>
    <p><span class="icon-demo singleton-icon"></span> - A singleton framework class. *See the 
    singleton flag for more information  </p>
    <p><span class="icon-demo component-icon"></span> - A component-type framework class (any 
    class within the Ext JS framework that extends Ext.Component)  </p>
    <p><span class="icon-demo display-new"></span> - Indicates that the class, member, or guide 
    is new in the currently viewed version</p>
    <h3 id="member-icons">Member Icons</h3>
    <p><span class="icon-demo fa fa-cubes"></span> - Indicates a class member of type <code>config</code>  </p>
    <p><span class="icon-demo fa fa-book"></span> - Indicates a class member of type <code>property</code>  </p>
    <p><span class="icon-demo fa fa-object-group"></span> - Indicates a class member of type 
    <code>method</code>  </p>
    <p><span class="icon-demo fa fa-bolt"></span> - Indicates a class member of type <code>event</code>  </p>
    <p><span class="icon-demo fa fa-paint-brush"></span> - Indicates a class member of type 
    <code>theme variable</code>  </p>
    <p><span class="icon-demo fa fa-tint"></span> - Indicates a class member of type 
    <code>theme mixin</code>  </p>
    <p><span class="icon-demo display-new"></span> - Indicates that the class, member, or guide 
    is new in the currently viewed version</p>
    <h2 id="navigation-and-features">Navigation and Features</h2>
    <h3 id="class-member-quick-nav-menu">Class Member Quick-Nav Menu</h3>
    <p>Just below the class name on an API doc page is a row of buttons corresponding to the 
    types of members owned by the current class.  Each button shows a count of members by 
    type (this count is updated as filters are applied).  Clicking the button will navigate 
    you to that member section.  Hovering over the member-type button will reveal a popup 
    menu of all members of that type for quick navigation.</p>
    <h3 id="getter-and-setter-methods">Getter and Setter Methods</h3>
    <p>Getting and setter methods that correlate to a class config option will show up in the 
    methods section as well as in the configs section of both the API doc and the member-type 
    menus just beneath the config they work with.  The getter and setter method documentation 
    will be found in the config row for easy reference.</p>
    <h3 id="history-bar">History Bar</h3>
    <p>Your page history is kept in localstorage and displayed (using the available real estate) 
    just below the top title bar.  By default, the only search results shown are the pages 
    matching the product / version you&#39;re currently viewing.  You can expand what is 
    displayed by clicking on the <span class="icon-demo history-config"></span> button on the 
    right-hand side of the history bar and choosing the &quot;All&quot; radio option.  This will show 
    all recent pages in the history bar for all products / versions.</p>
    <p>Within the history config menu you will also see a listing of your recent page visits. 
    The results are filtered by the &quot;Current Product / Version&quot; and &quot;All&quot; radio options. 
    Clicking on the <span class="icon-demo history-clear"></span> button will clear the history bar as 
    well as the history kept in local storage.</p>
    <p>If &quot;All&quot; is selected in the history config menu the checkbox option for &quot;Show product 
    details in the history bar&quot; will be enabled.  When checked, the product/version for each 
    historic page will show alongside the page name in the history bar.  Hovering the cursor 
    over the page names in the history bar will also show the product/version as a tooltip.</p>
    <h3 id="search-and-filters">Search and Filters</h3>
    <p>Both API docs and guides can be searched for using the search field at the top of the 
    page.</p>
    <p>On API doc pages there is also a filter input field that filters the member rows 
    using the filter string.  In addition to filtering by string you can filter the class 
    members by access level and inheritance.  This is done using the checkboxes at the top of 
    the page.  <strong>Note</strong> that filtering out <code>private</code> members also filters the API class 
    navigation tree.</p>
    <p>Clicking on an empty search field will show your last 10 searches for quick navigation.</p>
    <h3 id="api-doc-class-metadata">API Doc Class Metadata</h3>
    <p>Each API doc page (with the exception of Javascript primitives pages) has a menu view of 
    metadata relating to that class.  This metadata view will have one or more of the 
    following:</p>
    <ul>
    <li><strong>Alternate Name</strong> - One or more additional class name synonymns (in Ext JS 6.0.0 the 
    <code>Ext.button.Button</code> class has an alternate class name of <code>Ext.Button</code>).  Alternate class 
    names are commonly maintained for backward compatibility.</li>
    <li><strong>Hierarchy</strong> - The hierararchy view lists the inheritance chain of the current class 
    up through its ancestor classes up to the root base class.</li>
    <li><strong>Mixins</strong> - A list of classes that are mixed into the current class</li>
    <li><strong>Inherited Mixins</strong> - A list of classes that are mixed into an ancestor of the current 
    class</li>
    <li><strong>Requires</strong> - All classes required to be defined for the class to be instantiated</li>
    <li><strong>Uses</strong> - A list of classes potentially used by the class at some point in its 
    lifecycle, but not necessarily requried for the class to initially be instantiated</li>
    <li><strong>Subclasses</strong> - Classes that extend the current class</li>
    </ul>
    <h3 id="expanding-and-collapsing-examples-and-class-members">Expanding and Collapsing Examples and Class Members</h3>
    <p>Runnable examples (Fiddles) are expanded on a page by default.  You can collapse and 
    expand example code blocks individually using the arrow on the top-left of the code 
    block.  You can also toggle the collapse state of all examples using the toggle button on 
    the top-right of the page.  The toggle-all state will be remembered between page loads.</p>
    <p>Class members are collapsed on a page by default.  You can expand and collapse members 
    using the arrow icon on the left of the member row or globally using the expand / 
    collapse all toggle button top-right.</p>
    <h3 id="desktop-vs-mobile-view">Desktop -vs- Mobile View</h3>
    <p>Viewing the docs on narrower screens or browsers will result in a view optimized for a 
    smaller form factor.  The primary differences between the desktop and &quot;mobile&quot; view are:</p>
    <ul>
    <li>Global navigation will be located in a menu on the left-hand side accessible via the 
    hamburger menu icon.  The menu houses the following (on most pages):<ul>
    <li>The name of the current product (as a link to the product landing page)</li>
    <li>The Sencha icon used to navigate back to the documentation home page</li>
    <li>The product menu drop-down button</li>
    <li>Tabs of navigation trees for the API docs and guides</li>
    </ul>
    </li>
    <li>Current context navigation and tools is located on the right-hand side accessible via 
    the gear icon.  The context menu houses teh following:<ul>
    <li>The global search input field</li>
    <li>(<em>API doc</em>) A &quot;Filters&quot; tab with the member filter, expand / collapse all examples 
    button, expand / collapse all member rows button, the access level filter checkboxes, 
    and the counts of each member</li>
    <li>(<em>API doc</em>) A &quot;Related Classes&quot; tab containing the menu of metadata related to the 
    current class</li>
    <li>(<em>Guides</em>) The table of contents for the guide</li>
    </ul>
    </li>
    </ul>
    <h3 id="viewing-the-class-source">Viewing the Class Source</h3>
    <p>The class source can be viewed by clicking on the class name at the top of an API doc 
    page.  The source for class members can be viewed by clicking on the &quot;view source&quot; link 
    on the right-hand side of the member row.</p>
    
        </div>
    </div>
    <div id="header">
        <div class="logo">
            <a href="../"><img height="32" src="home-images/sencha_logo_thumb.png"/></a>
        </div>
        <span id="mobile-main-nav-menu-btn" class="fa fa-bars"></span>
        <span data-tip="Product / Version Menu" class="fa fa-chevron-circle-down product-menu-btn tooltip tooltip-tl-bl landing-product-menu-btn"><div class="callout callout-b"></div></span>
            <a class="page-title class" href="src/Component.js.html#ST.future.ComboBox" target="_blank">ST.future.ComboBox</a>
        <span id="mobile-context-menu-btn" class="fa fa-cog"></span>
    </div>
    <div id="centerContent">
        <div id="history-nav">
            <span id="history-config" class="history-config tooltip tooltip-tr-br" data-tip="Configure / Clear History"><div class="callout callout-b"></div></span>
        </div>
        <div id="class-tree-ct" class="class-tree">
            <h2 class="product-header">
                <div class="logo">
                    <a href="../"><img src="home-images/sencha_logo1x.png"/></a>
                </div>
                <a href="index.html">Sencha Test 1.0.3 </a>
                <span data-tip="Product / Version Menu" class="fa fa-chevron-circle-down product-menu-btn  tooltip tooltip-tl-bl"><div class="callout callout-b"></div></span>
            </h2>
            <div id="tree-header" class="pre-load">
                <div id="guideTab" class="toolbarHeaderButton">
                    Guides
                </div>
                <div id="apiTab" class="toolbarHeaderButton active-tab">
                    API
                </div>
                <div id="hide-class-tree"></div>
            </div>
            <div id="tree-scroller">
                <div id="tree" class="show-private show-protected is-tree">
                    <div class="tree-leaf tree-member">
    <div class="tree-leaf-content isNotLeaf" id="singleton-st" isLeaf="false">
        <span class="tree-expando">▸</span>
            <span class="singleton-type"></span>
            <a class="tree-leaf-text" href="ST.html">ST</a>
    </div>
        <div class="tree-child-leaves hidden">
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isNotLeaf" id="branch-st-event" isLeaf="false">
                        <span class="tree-expando">▸</span>
                                <span class="folder-type"></span>
                            <a class="tree-leaf-text">event</a>
                    </div>
                        <div class="tree-child-leaves hidden">
                                <div class="tree-leaf tree-member-protected">
                                    <div class="tree-leaf-content isLeaf" id="node-st-event-driver" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.event.Driver.html">Driver</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member-private">
                                    <div class="tree-leaf-content isLeaf" id="node-st-event-event" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.event.Event.html">Event</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member-private">
                                    <div class="tree-leaf-content isLeaf" id="node-st-event-gesturequeue" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.event.GestureQueue.html">GestureQueue</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member-private">
                                    <div class="tree-leaf-content isLeaf" id="node-st-event-injector" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.event.Injector.html">Injector</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-event-playable" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.event.Playable.html">Playable</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-event-player" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.event.Player.html">Player</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-event-recorder" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.event.Recorder.html">Recorder</a>
                                    </div>
                                </div>
                        </div>
                </div>
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isNotLeaf" id="branch-st-future" isLeaf="false">
                        <span class="tree-expando">▸</span>
                                <span class="folder-type"></span>
                            <a class="tree-leaf-text">future</a>
                    </div>
                        <div class="tree-child-leaves hidden">
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-button" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.Button.html">Button</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-cell" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.Cell.html">Cell</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-checkbox" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.CheckBox.html">CheckBox</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-combobox" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.ComboBox.html">ComboBox</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-component" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.Component.html">Component</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-dataview" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.DataView.html">DataView</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-element" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.Element.html">Element</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-field" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.Field.html">Field</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-grid" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.Grid.html">Grid</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-item" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.Item.html">Item</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-panel" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.Panel.html">Panel</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-picker" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.Picker.html">Picker</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-row" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.Row.html">Row</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-select" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.Select.html">Select</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member-private">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-selection" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.Selection.html">Selection</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member-private">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-selectionmodel" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.SelectionModel.html">SelectionModel</a>
                                    </div>
                                </div>
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-future-textfield" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.future.TextField.html">TextField</a>
                                    </div>
                                </div>
                        </div>
                </div>
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isNotLeaf" id="branch-st-locator" isLeaf="false">
                        <span class="tree-expando">▸</span>
                                <span class="folder-type"></span>
                            <a class="tree-leaf-text">locator</a>
                    </div>
                        <div class="tree-child-leaves hidden">
                                <div class="tree-leaf tree-member">
                                    <div class="tree-leaf-content isLeaf" id="node-st-locator-strategy" isLeaf="true">
                                        <span class="tree-expando hidden">▸</span>
                                                <span class="class-type"></span>
                                            <a class="tree-leaf-text" href="ST.locator.Strategy.html">Strategy</a>
                                    </div>
                                </div>
                        </div>
                </div>
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isLeaf" id="node-st-alert" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                                <span class="class-type"></span>
                            <a class="tree-leaf-text" href="ST.Alert.html">Alert</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member-protected">
                    <div class="tree-leaf-content isLeaf" id="node-st-block" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                                <span class="class-type"></span>
                            <a class="tree-leaf-text" href="ST.Block.html">Block</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isLeaf" id="node-st-browser" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                                <span class="class-type"></span>
                            <a class="tree-leaf-text" href="ST.Browser.html">Browser</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isLeaf" id="singleton-st-browser-1" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                            <span class="singleton-type"></span>
                            <a class="tree-leaf-text" href="ST.browser-1.html">browser</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isLeaf" id="node-st-element" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                                <span class="class-type"></span>
                            <a class="tree-leaf-text" href="ST.Element.html">Element</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member-private">
                    <div class="tree-leaf-content isLeaf" id="node-st-gate" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                                <span class="class-type"></span>
                            <a class="tree-leaf-text" href="ST.Gate.html">Gate</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member-private">
                    <div class="tree-leaf-content isLeaf" id="singleton-st-jasmine" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                            <span class="singleton-type"></span>
                            <a class="tree-leaf-text" href="ST.jasmine.html">jasmine</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isLeaf" id="singleton-st-locator" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                            <span class="singleton-type"></span>
                            <a class="tree-leaf-text" href="ST.Locator.html">Locator</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isLeaf" id="singleton-st-options" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                            <span class="singleton-type"></span>
                            <a class="tree-leaf-text" href="ST.options.html">options</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isLeaf" id="singleton-st-os-1" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                            <span class="singleton-type"></span>
                            <a class="tree-leaf-text" href="ST.os-1.html">os</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isLeaf" id="node-st-os" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                                <span class="class-type"></span>
                            <a class="tree-leaf-text" href="ST.OS.html">OS</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member-private">
                    <div class="tree-leaf-content isLeaf" id="node-st-spec" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                                <span class="class-type"></span>
                            <a class="tree-leaf-text" href="ST.Spec.html">Spec</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member-private">
                    <div class="tree-leaf-content isLeaf" id="singleton-st-status" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                            <span class="singleton-type"></span>
                            <a class="tree-leaf-text" href="ST.status.html">status</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member-private">
                    <div class="tree-leaf-content isLeaf" id="node-st-suite" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                                <span class="class-type"></span>
                            <a class="tree-leaf-text" href="ST.Suite.html">Suite</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isLeaf" id="singleton-st-supports" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                            <span class="singleton-type"></span>
                            <a class="tree-leaf-text" href="ST.supports.html">supports</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member-private">
                    <div class="tree-leaf-content isLeaf" id="singleton-st-system" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                            <span class="singleton-type"></span>
                            <a class="tree-leaf-text" href="ST.system.html">system</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member-private">
                    <div class="tree-leaf-content isLeaf" id="node-st-test" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                                <span class="class-type"></span>
                            <a class="tree-leaf-text" href="ST.Test.html">Test</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member-protected">
                    <div class="tree-leaf-content isLeaf" id="singleton-st-tests" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                            <span class="singleton-type"></span>
                            <a class="tree-leaf-text" href="ST.Tests.html">Tests</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isLeaf" id="node-st-version" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                                <span class="class-type"></span>
                            <a class="tree-leaf-text" href="ST.Version.html">Version</a>
                    </div>
                </div>
                <div class="tree-leaf tree-member">
                    <div class="tree-leaf-content isLeaf" id="node-st-watchdog" isLeaf="true">
                        <span class="tree-expando hidden">▸</span>
                                <span class="class-type"></span>
                            <a class="tree-leaf-text" href="ST.WatchDog.html">WatchDog</a>
                    </div>
                </div>
        </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-array" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="Array.html">Array</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-boolean" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="Boolean.html">Boolean</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-date" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="Date.html">Date</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-function" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="Function.html">Function</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-number" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="Number.html">Number</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-object" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="Object.html">Object</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-regexp" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="RegExp.html">RegExp</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-string" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="String.html">String</a>
    </div>
</div>

                    <div class="fa fa-plus toggle-tree hide tooltip tooltip-tr-br" data-expand="Expand All Classes" data-collapse="Collapse All Classes"><div class="callout callout-b"></div></div>
                </div>
                <div id="guide-tree" class="hide is-tree">
                    <div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-product_overview" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="guides/product_overview.html">Sencha Test 概述</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-sencha_test_installation" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="guides/sencha_test_installation.html">安装和配置</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-getting_started" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="guides/getting_started.html">入门</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-testing_existing_apps" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="guides/testing_existing_apps.html">测试已有应用程序</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-testing_applications" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="guides/testing_applications.html">测试新建应用程序</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-command_line_archive_server" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="guides/command_line_archive_server.html">命令行工具CLI和归档服务器</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-test_projects_scenarios_suites" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="guides/test_projects_scenarios_suites.html">项目, 场景(Scenarios)和套件(Suites)</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-using_the_test_runner" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="guides/using_the_test_runner.html">使用Test Runner</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-unit_functional_tests" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="guides/unit_functional_tests.html">单元测试 vs 功能测试</a>
    </div>
</div>
<div class="tree-leaf tree-member">
    <div class="tree-leaf-content isLeaf" id="node-release_notes" isLeaf="true">
        <span class="tree-expando hidden">▸</span>
                <span class="class-type"></span>
            <a class="tree-leaf-text" href="guides/release_notes.html">发布说明</a>
    </div>
</div>

                    <div class="fa fa-plus toggle-tree hide tooltip tooltip-tr-br" data-expand="Expand All Guides" data-collapse="Collapse All Guides"><div class="callout callout-b"></div></div>
                </div>
            </div>
        </div>
        <a href="#" id="back-to-top">top </a>
        <div id="rightMembers" class="">
            
            
            <div id="member-toolbars">
    <div id="member-class-name">
            <span class='class-icon'></span>

        <h1 class='class'><a href="src/Component.js.html#ST.future.ComboBox" target="_blank">ST.future.ComboBox</a>
        </h1>
    </div>
</div>
<div class="context-menu-ct">
    <div class="context-header">
        <div id="hide-context-menu" class="fa fa-caret-right"></div>
    </div>
    <div class="search">
        <form autocomplete="off">
            <input type="text" type="search" placeholder="search" id="searchtext">
            <i id="filtersubmit" class="fa fa-search"></i>
            <span id="help-btn" data-tip="Docs Help" class="tooltip tooltip-tr-br"><div class="callout callout-b"></div></span>
        </form>
    </div>
    <div class="context-menu-tabs">
        <div id="filterTab" class="toolbarHeaderButton active-tab">
            Filters
        </div>
        <div id="relatedClassesTab" class="toolbarHeaderButton">
            Related Classes
        </div>
    </div>
    <div id="filters-ct">
        <div id="toolbar">
            <div class="memberFilter">
                <input placeholder="Filter members..." type="search" id="member-filter-field" name="member-filter-field">
                <div id="toggleExamples" class="fa fa-code tooltip tooltip-tr-br" data-expand="Expand All Examples" data-collapse="Collapse All Examples"><div class="callout callout-b"></div></div>
                <div id="toggleAll" class="fa fa-plus tooltip tooltip-tr-br" data-expand="Expand All Members" data-collapse="Collapse All Members"><div class="callout callout-b"></div></div>
            </div>
            <div id="member-display">
                <div class="member-access-display"><label><input id="publicCheckbox" type="checkbox" value="member-public" checked=true/>Public</label></div>
                <div class="member-access-display"><label><input id="protectedCheckbox" type="checkbox" value="member-protected" checked=true/>Protected</label></div>
                <div class="member-access-display"><label><input id="privateCheckbox" type="checkbox" value="member-private" checked=true/>Private</label></div>
                <div class="member-access-display"><label><input id="inheritedCheckbox" type="checkbox" value="member-inherited" checked=true/>Inherited</label></div>
            </div>
            <div id="member-types-menu" class="member-types-menu">
                    <a href="#properties" id="properties-button-link"><div id="properties-nav-btn" class="toolbarButton disabled">
                        <i class="fa fa-book"></i>
                        <span class="member-type-btn-text">properties</span>
                        <div id="properties-count" class="nav-btn-count"></div>
                        <div class="nav-btn-mask"></div>
                    </div></a>
                    <a href="#methods" id="methods-button-link"><div id="methods-nav-btn" class="toolbarButton disabled">
                        <i class="fa fa-object-group"></i>
                        <span class="member-type-btn-text">methods</span>
                        <div id="methods-count" class="nav-btn-count"></div>
                        <div class="nav-btn-mask"></div>
                    </div></a>
            </div>
        </div>
    </div>
    <div id="related-classes-context-ct" class="hide">
        <!-- We'll programmatically copy in the related classes elements here on page load -->
    </div>
</div>
<div id="class-body-wrap" class="class-body-wrap">
    <div class="body-wrap-inner">
        <div id="classText" class="classText">
            <div class="classHead">
                <div class="classMeta">
                        <div class="classMetaColumn">
                            <h3>Hierarchy</h3>
                            <div class="list"><a href='ST.future.Element.html'>ST.future.Element</a><div class="hierarchy"><a href='ST.future.Component.html'>ST.future.Component</a><div class="hierarchy"><a href='ST.future.Field.html'>ST.future.Field</a><div class="hierarchy"><a href='ST.future.TextField.html'>ST.future.TextField</a><div class="hierarchy"><a href='ST.future.Picker.html'>ST.future.Picker</a><div class="hierarchy">ST.future.ComboBox</div></div></div></div></div></div>
                        </div>
                </div>
            </div>
                <h2>Summary</h2>
                <p>This class provides methods specific to Ext JS ComboBox (<code>Ext.form.field.ComboBox</code>).
This is only available in Ext JS / Classic, not in the Modern toolkit (as of version 6.0.1) or Sencha Touch.</p>

        </div>
        <div class="no-visible-members-warning">No members found using the current filters</div>
        <div class="members">
                <div id="properties-ct">
                    <h2 id="properties" class="type">properties</h2>
                    <a name="properties"></a>
                          
                          
                </div>
                <div id="methods-ct">
                    <h2 id="methods" class="type">methods</h2>
                    <a name="methods"></a>
                            <div id="method-and" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="and" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-and">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-and" class="member-name-link"><span data-ref="method-and" class="member-name">and</span></a>
            <span class="params-list"> (
                        
                        fnOrTimeout
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Schedules arbitrary actions for later execution. Often these actions are added
to the queue following <a href='#method-click'>click</a> or other interactions in order to test an
expectation.</p>
<p>For example:</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).
     and(function (el) {
         // Runs after the click event. We receive the ST.Element
         // wrapper for the &quot;some-div&quot; element.

         expect(el.hasCls(&#39;foo&#39;)).toBe(true);
     });
</code></pre></div><p>Functions that need to perform asynchronous actions can declare a 2nd argument
(typically called &quot;done&quot;).</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).
     and(
         function (el, done) {
             expect(el.hasCls(&#39;foo&#39;)).toBe(true);

             Ext.Ajax.request({
                 ...
                 callback: function () {
                     done();
                 }
             });
         }
     );
</code></pre></div><p>Multiple actions can be listed in a single call. Asynchronous actions can override
the <a href='ST.options.html#cfg-timeout'>timeout</a> by specifying a number as the
previous argument.</p>
<p>For example:</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).
     and(
         1000,   // timeout for following async steps in this and()

         function (el, done) {
             expect(el.hasCls(&#39;foo&#39;)).toBe(true);

             Ext.Ajax.request({
                 ...
                 callback: function () {
                     done();
                 }
             });
         },
         function (el) {
             expect(el.hasCls(&#39;foo&#39;)).toBe(false);
         }
     );
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-and--fnOrTimeout">fnOrTimeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a> / <a href='Function.html'>Function...</a></span>
                        
                    </p>
                    <div class="params-desc"><p>One or more functions to invoke or timeout
values. Functions that declare a 2nd argument must call the provided function to
indicate that they are complete. Timeout values affect subsequent asynchronous
functions and override the <a href='ST.options.html#cfg-timeout'>timeout</a>. These
timeouts only apply to functions passed in the current call.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-asItem" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="asItem" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-asItem">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-asItem" class="member-name-link"><span data-ref="method-asItem" class="member-name">asItem</span></a>
            
                :
                    <span class="memberType"><a href='ST.future.Item.html'>ST.future.Item</a></span>

            <div class="member-tags">
            </div>
        </h2>

            <p>Returns the owning <a href='ST.future.Item.html'>ST.future.Item</a>. This method can be called at any time
to &quot;return&quot; to the owning future. For example:</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.dataView(&#39;@someDataView&#39;).
     item(42).            // get a future item (ST.future.Item)
         asButton().      // get item as a button (ST.future.Button)
             press().     // operates on the ST.future.Button
         asItem();        // now back to the item
</code></pre></div><p>This method is <em>only</em> applicable in conjuction with Ext JS Modern Toolkit (or Sencha Touch) when
using an Ext.dataview.DataView that is configured with <code>useComponents:true</code>.</p>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Item.html'>ST.future.Item</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-blurred" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="blurred" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-blurred">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-blurred" class="member-name-link"><span data-ref="method-blurred" class="member-name">blurred</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element to become blurred.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@someEl&#39;).
     focused().
     and(function (el) {
         // el is now hidden
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-blurred--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-child" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="child" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-child">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-child" class="member-name-link"><span data-ref="method-child" class="member-name">child</span></a>
            <span class="params-list"> (
                        
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns a direct child <a href='ST.future.Element.html'>ST.future.Element</a> that corresponds to the selector.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     child(&#39;.x-button&#39;).
     and(function (element) {
         // element is now available
     });
</code></pre></div><p>If the specified selector cannot be resolved, the request will timeout.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-child--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The DOM or Composite query selector to use to search for the element</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-child--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-click" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="click" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-click">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-click" class="member-name-link"><span data-ref="method-click" class="member-name">click</span></a>
            <span class="params-list"> (
                        
                        x
                        , 
                        y
                        , 
                        [button]
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Schedules a click action at the specified relative coordinates.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10);
</code></pre></div><p>Or for a Component:</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;#some-cmp&#39;).
     click(10, 10);
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object for a <code>type=&quot;click&quot;</code> event. In this case, all other arguments are
ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-click--x">x</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a> / <a href='Object.html'>Object</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The number of pixels from the left edge of the element.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-click--y">y</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The number of pixels from the top edge of the element.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-click--button">button</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The mouse button code for the click.</p>
</div>
                        <p class="defaults-to-dec">Defaults to: 0</p>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-click--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-collapse" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="collapse" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Picker.html">ST.future.Picker<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Picker-method-collapse">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-collapse" class="member-name-link"><span data-ref="method-collapse" class="member-name">collapse</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Picker.html'>ST.future.Picker</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Schedules this picker to collapse. All arguments passed to this method will be
forwarded to the <a href='#method-collapse'>collapse</a> method of the picker at the appropriate time so
consult the documentation for the actual framework and version you are using
for parameter details.</p>
<p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object. In this case, all other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-collapse--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a> / <a href='Object.html'>Object</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Picker.html'>ST.future.Picker</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-collapsed" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="collapsed" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Picker.html">ST.future.Picker<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Picker-method-collapsed">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-collapsed" class="member-name-link"><span data-ref="method-collapsed" class="member-name">collapsed</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Picker.html'>ST.future.Picker</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this picker to be collapsed.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.picker(&#39;@somePicker&#39;).
     collapsed().
     and(function (picker) {
         // picker is now collapsed
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-collapsed--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Picker.html'>ST.future.Picker</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                          
                            <div id="method-content" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="content" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-content">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-content" class="member-name-link"><span data-ref="method-content" class="member-name">content</span></a>
            <span class="params-list"> (
                        
                        html
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element&#39;s <code>innerHTML</code> to match the specified value.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).
     content(&#39;Hello &lt;b&gt;world&lt;/b&gt;&#39;);
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object (with an additional required <code>html</code> property). In this case, all
other arguments are ignored.</p>

            <p class="since-dec">Available since: <b>1.0.1</b></p>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-content--html">html</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a> / <a href='Object.html'>Object</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The html to match.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-content--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-contentEmpty" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="contentEmpty" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-contentEmpty">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-contentEmpty" class="member-name-link"><span data-ref="method-contentEmpty" class="member-name">contentEmpty</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element&#39;s <code>innerHTML</code> to be empty.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).
     contentEmpty();
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object. In this case, all other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-contentEmpty--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a> / <a href='Object.html'>Object</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-contentLike" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="contentLike" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-contentLike">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-contentLike" class="member-name-link"><span data-ref="method-contentLike" class="member-name">contentLike</span></a>
            <span class="params-list"> (
                        
                        pattern
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element&#39;s <code>innerHTML</code> to match the specified RegExp <code>pattern</code>.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).
     contentLike(/hello/i);
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object (with an additional required <code>pattern</code> property). In this case, all
other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-contentLike--pattern">pattern</span> :
                            <span class="memberType">&nbsp;<a href='RegExp.html'>RegExp</a> / <a href='String.html'>String</a> / <a href='Object.html'>Object</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The pattern to match. If this is a String, it
is first promoted to a <a href='RegExp.html'>RegExp</a> by called <code>new RegExp(pattern)</code>.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-contentLike--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-contentNotEmpty" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="contentNotEmpty" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-contentNotEmpty">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-contentNotEmpty" class="member-name-link"><span data-ref="method-contentNotEmpty" class="member-name">contentNotEmpty</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element&#39;s <code>innerHTML</code> to be non-empty.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).
     contentNotEmpty();
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object. In this case, all other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-contentNotEmpty--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a> / <a href='Object.html'>Object</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-contentNotLike" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="contentNotLike" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-contentNotLike">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-contentNotLike" class="member-name-link"><span data-ref="method-contentNotLike" class="member-name">contentNotLike</span></a>
            <span class="params-list"> (
                        
                        pattern
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element&#39;s <code>innerHTML</code> to not match the specified RegExp <code>pattern</code>.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).
     contentNotLike(/world/i);
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object (with an additional required <code>pattern</code> property). In this case, all
other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-contentNotLike--pattern">pattern</span> :
                            <span class="memberType">&nbsp;<a href='RegExp.html'>RegExp</a> / <a href='String.html'>String</a> / <a href='Object.html'>Object</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The pattern to match. If this is a String, it
is first promoted to a <a href='RegExp.html'>RegExp</a> by called <code>new RegExp(pattern)</code>.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-contentNotLike--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-destroyed" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="destroyed" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-destroyed">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-destroyed" class="member-name-link"><span data-ref="method-destroyed" class="member-name">destroyed</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this component to be destroyed.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     destroyed().
     and(function (cmp) {
         // cmp is now destroyed
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-destroyed--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-disable" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="disable" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-disable">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-disable" class="member-name-link"><span data-ref="method-disable" class="member-name">disable</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Schedules this component to be disabled.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     disable().
     and(function (cmp) {
         // cmp has now been disabled.
     });
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object. In this case, all other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-disable--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-disabled" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="disabled" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-disabled">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-disabled" class="member-name-link"><span data-ref="method-disabled" class="member-name">disabled</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this component to be disabled.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     disabled().
     and(function (cmp) {
         // cmp is now disabled
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-disabled--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-down" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="down" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-down">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-down" class="member-name-link"><span data-ref="method-down" class="member-name">down</span></a>
            <span class="params-list"> (
                        
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns a descendant <a href='ST.future.Element.html'>ST.future.Element</a> that corresponds to the selector.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     down(&#39;panel &gt;&gt; .link&#39;).
     and(function (element) {
         // element is now available
     });
</code></pre></div><p>If the specified selector cannot be resolved, the request will timeout.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-down--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The DOM or Composite query selector to use to search for the element</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-down--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-enable" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="enable" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-enable">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-enable" class="member-name-link"><span data-ref="method-enable" class="member-name">enable</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Schedules this component to be enabled.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     enable().
     and(function (cmp) {
         // cmp has now been enabled.
     });
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object. In this case, all other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-enable--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-enabled" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="enabled" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-enabled">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-enabled" class="member-name-link"><span data-ref="method-enabled" class="member-name">enabled</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this component to be enabled.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     enabled().
     and(function (cmp) {
         // cmp is now enabled
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-enabled--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-expand" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="expand" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Picker.html">ST.future.Picker<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Picker-method-expand">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-expand" class="member-name-link"><span data-ref="method-expand" class="member-name">expand</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Picker.html'>ST.future.Picker</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Schedules this picker to expand. All arguments passed to this method will be
forwarded to the <a href='#method-expand'>expand</a> method of the picker at the appropriate time so
consult the documentation for the actual framework and version you are using
for parameter details.</p>
<p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object. In this case, all other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-expand--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a> / <a href='Object.html'>Object</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Picker.html'>ST.future.Picker</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-expanded" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="expanded" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Picker.html">ST.future.Picker<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Picker-method-expanded">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-expanded" class="member-name-link"><span data-ref="method-expanded" class="member-name">expanded</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Picker.html'>ST.future.Picker</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this picker to be expanded.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.picker(&#39;@somePicker&#39;).
     expanded().
     and(function (picker) {
         // picker is now expanded
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-expanded--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Picker.html'>ST.future.Picker</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-focus" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="focus" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-focus">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-focus" class="member-name-link"><span data-ref="method-focus" class="member-name">focus</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Schedules the component to receive the focus.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div/input&#39;).
     focus();
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object. In this case, all other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-focus--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a> / <a href='Object.html'>Object</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-focused" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="focused" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-focused">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-focused" class="member-name-link"><span data-ref="method-focused" class="member-name">focused</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element to become focused.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@someEl&#39;).
     focused().
     and(function (el) {
         // el is now hidden
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-focused--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-gotoButton" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="gotoButton" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-gotoButton">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-gotoButton" class="member-name-link"><span data-ref="method-gotoButton" class="member-name">gotoButton</span></a>
            <span class="params-list"> (
                        
                        direction
                        , 
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Button.html'>ST.future.Button</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns a <code>{@ST.future.Button}</code> future component that is hierarchically-related to the current component future</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     gotoButton(&#39;button&#39;).
     and(function (button) {
         // button is now available
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoButton--direction">direction</span> :
                            <span class="memberType">&nbsp;"down" / "up" / "child"</span>
                        
                    </p>
                    <div class="params-desc"><p>The direction of relationship.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoButton--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The Component Query selector.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoButton--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Button.html'>ST.future.Button</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-gotoCheckBox" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="gotoCheckBox" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-gotoCheckBox">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-gotoCheckBox" class="member-name-link"><span data-ref="method-gotoCheckBox" class="member-name">gotoCheckBox</span></a>
            <span class="params-list"> (
                        
                        direction
                        , 
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.CheckBox.html'>ST.future.CheckBox</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns a <code>{@ST.future.CheckBox}</code> future component that is hierarchically-related to the current component future</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     gotoCheckBox(&#39;checkboxfield&#39;).
     and(function (checkbox) {
         // checkbox is now available
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoCheckBox--direction">direction</span> :
                            <span class="memberType">&nbsp;"down" / "up" / "child"</span>
                        
                    </p>
                    <div class="params-desc"><p>The direction of relationship.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoCheckBox--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The Component Query selector.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoCheckBox--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.CheckBox.html'>ST.future.CheckBox</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-gotoComboBox" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="gotoComboBox" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-gotoComboBox">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-gotoComboBox" class="member-name-link"><span data-ref="method-gotoComboBox" class="member-name">gotoComboBox</span></a>
            <span class="params-list"> (
                        
                        direction
                        , 
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.ComboBox.html'>ST.future.ComboBox</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns a <code>{@ST.future.ComboBox}</code> future component that is hierarchically-related to the current component future</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     gotoComboBox(&#39;combobox&#39;).
     and(function (combobox) {
         // combobox is now available
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoComboBox--direction">direction</span> :
                            <span class="memberType">&nbsp;"down" / "up" / "child"</span>
                        
                    </p>
                    <div class="params-desc"><p>The direction of relationship.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoComboBox--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The Component Query selector.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoComboBox--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.ComboBox.html'>ST.future.ComboBox</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-gotoComponent" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="gotoComponent" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-gotoComponent">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-gotoComponent" class="member-name-link"><span data-ref="method-gotoComponent" class="member-name">gotoComponent</span></a>
            <span class="params-list"> (
                        
                        direction
                        , 
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns a <code>{@ST.future.Component}</code> future component that is hierarchically-related to the current component future</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     goToComponent(&#39;container&#39;).
     and(function (container) {
         // container is now available
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoComponent--direction">direction</span> :
                            <span class="memberType">&nbsp;"down" / "up" / "child"</span>
                        
                    </p>
                    <div class="params-desc"><p>The direction of relationship.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoComponent--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The Component Query selector.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoComponent--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-gotoDataView" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="gotoDataView" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-gotoDataView">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-gotoDataView" class="member-name-link"><span data-ref="method-gotoDataView" class="member-name">gotoDataView</span></a>
            <span class="params-list"> (
                        
                        direction
                        , 
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.DataView.html'>ST.future.DataView</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns a <code>{@ST.future.Panel}</code> future component that is hierarchically-related to the current component future</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     gotoDataView(&#39;dataview&#39;).
     and(function (dataview) {
         // dataview is now available
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoDataView--direction">direction</span> :
                            <span class="memberType">&nbsp;"down" / "up" / "child"</span>
                        
                    </p>
                    <div class="params-desc"><p>The direction of relationship.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoDataView--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The Component Query selector.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoDataView--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.DataView.html'>ST.future.DataView</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-gotoField" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="gotoField" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-gotoField">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-gotoField" class="member-name-link"><span data-ref="method-gotoField" class="member-name">gotoField</span></a>
            <span class="params-list"> (
                        
                        direction
                        , 
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Field.html'>ST.future.Field</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns a <code>{@ST.future.Field}</code> future component that is hierarchically-related to the current component future</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     gotoField(&#39;field&#39;).
     and(function (field) {
         // field is now available
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoField--direction">direction</span> :
                            <span class="memberType">&nbsp;"down" / "up" / "child"</span>
                        
                    </p>
                    <div class="params-desc"><p>The direction of relationship.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoField--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The Component Query selector.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoField--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Field.html'>ST.future.Field</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-gotoGrid" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="gotoGrid" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-gotoGrid">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-gotoGrid" class="member-name-link"><span data-ref="method-gotoGrid" class="member-name">gotoGrid</span></a>
            <span class="params-list"> (
                        
                        direction
                        , 
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Grid.html'>ST.future.Grid</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns a <code>{@ST.future.Panel}</code> future component that is hierarchically-related to the current component future</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     gotoGrid(&#39;grid&#39;).
     and(function (grid) {
         // grid is now available
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoGrid--direction">direction</span> :
                            <span class="memberType">&nbsp;"down" / "up" / "child"</span>
                        
                    </p>
                    <div class="params-desc"><p>The direction of relationship.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoGrid--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The Component Query selector.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoGrid--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Grid.html'>ST.future.Grid</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-gotoPanel" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="gotoPanel" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-gotoPanel">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-gotoPanel" class="member-name-link"><span data-ref="method-gotoPanel" class="member-name">gotoPanel</span></a>
            <span class="params-list"> (
                        
                        direction
                        , 
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Panel.html'>ST.future.Panel</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns a <code>{@ST.future.Panel}</code> future component that is hierarchically-related to the current component future</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     gotoPanel(&#39;panel&#39;).
     and(function (panel) {
         // panel is now available
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoPanel--direction">direction</span> :
                            <span class="memberType">&nbsp;"down" / "up" / "child"</span>
                        
                    </p>
                    <div class="params-desc"><p>The direction of relationship.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoPanel--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The Component Query selector.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoPanel--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Panel.html'>ST.future.Panel</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-gotoPicker" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="gotoPicker" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-gotoPicker">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-gotoPicker" class="member-name-link"><span data-ref="method-gotoPicker" class="member-name">gotoPicker</span></a>
            <span class="params-list"> (
                        
                        direction
                        , 
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Picker.html'>ST.future.Picker</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns a <code>{@ST.future.Picker}</code> future component that is hierarchically-related to the current component future</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     gotoPicker(&#39;pickerfield&#39;).
     and(function (picker) {
         // picker is now available
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoPicker--direction">direction</span> :
                            <span class="memberType">&nbsp;"down" / "up" / "child"</span>
                        
                    </p>
                    <div class="params-desc"><p>The direction of relationship.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoPicker--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The Component Query selector.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoPicker--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Picker.html'>ST.future.Picker</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-gotoSelect" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="gotoSelect" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-gotoSelect">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-gotoSelect" class="member-name-link"><span data-ref="method-gotoSelect" class="member-name">gotoSelect</span></a>
            <span class="params-list"> (
                        
                        direction
                        , 
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Select.html'>ST.future.Select</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns a <code>{@ST.future.Select}</code> future component that is hierarchically-related to the current component future</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     gotoSelect(&#39;selectfield&#39;).
     and(function (select) {
         // select is now available
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoSelect--direction">direction</span> :
                            <span class="memberType">&nbsp;"down" / "up" / "child"</span>
                        
                    </p>
                    <div class="params-desc"><p>The direction of relationship.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoSelect--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The Component Query selector.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoSelect--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Select.html'>ST.future.Select</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-gotoTextField" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="gotoTextField" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-gotoTextField">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-gotoTextField" class="member-name-link"><span data-ref="method-gotoTextField" class="member-name">gotoTextField</span></a>
            <span class="params-list"> (
                        
                        direction
                        , 
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.TextField.html'>ST.future.TextField</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns a <code>{@ST.future.TextField}</code> future component that is hierarchically-related to the current component future</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     gotoTextField(&#39;textfield&#39;).
     and(function (textfield) {
         // textfield is now available
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoTextField--direction">direction</span> :
                            <span class="memberType">&nbsp;"down" / "up" / "child"</span>
                        
                    </p>
                    <div class="params-desc"><p>The direction of relationship.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoTextField--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The Component Query selector.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-gotoTextField--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.TextField.html'>ST.future.TextField</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-hasCls" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="hasCls" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-hasCls">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-hasCls" class="member-name-link"><span data-ref="method-hasCls" class="member-name">hasCls</span></a>
            <span class="params-list"> (
                        
                        cls
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element to have a specified CSS class.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@someEl&#39;).
     hasCls(&#39;foo&#39;).
     and(function (el) {
         // el is now does has a &quot;foo&quot; class
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-hasCls--cls">cls</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The class name to test.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-hasCls--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                          
                            <div id="method-hidden" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="hidden" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-hidden">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-hidden" class="member-name-link"><span data-ref="method-hidden" class="member-name">hidden</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element to become hidden.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@someEl&#39;).
     hidden().
     and(function (el) {
         // el is now hidden
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-hidden--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                          
                            <div id="method-missingCls" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="missingCls" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-missingCls">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-missingCls" class="member-name-link"><span data-ref="method-missingCls" class="member-name">missingCls</span></a>
            <span class="params-list"> (
                        
                        cls
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element to not have a specified CSS class.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@someEl&#39;).
     missingCls(&#39;foo&#39;).
     and(function (el) {
         // el is now does not have a &quot;foo&quot; class
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-missingCls--cls">cls</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The class name to test.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-missingCls--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                          
                            <div id="method-removed" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="removed" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-removed">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-removed" class="member-name-link"><span data-ref="method-removed" class="member-name">removed</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element to be removed from the document.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@someEl&#39;).
     removed().
     and(function (el) {
         // el is now removed from the document
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-removed--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-rendered" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="rendered" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-rendered">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-rendered" class="member-name-link"><span data-ref="method-rendered" class="member-name">rendered</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this component to be rendered. This wait method only works when
the <code>ST.component</code> method is given an un-rendered Component instance. If a
locator string is used, the <code>ST.component</code> method will implicitly wait for
the Component&#39;s element to be present in the DOM (i.e., the component is in
a rendered state).</p>
<p>Since this wait is normally handled by the <code>ST.component</code> method, this wait
method is seldom needed.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(comp).  // comp is an unrendered Component instance
     rendered().
     and(function () {
         // comp is now rendered
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-rendered--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Component.html'>ST.future.Component</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-screenshot" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="screenshot" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-screenshot">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-screenshot" class="member-name-link"><span data-ref="method-screenshot" class="member-name">screenshot</span></a>
            <span class="params-list"> (
                        
                        name
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Takes a snapshot of the viewport and compares it to the associated baseline image.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@someEl&#39;).
     click(10, 10).
     screenshot();
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-screenshot--name">name</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"></div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-screenshot--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-setValue" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="setValue" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Field.html">ST.future.Field<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Field-method-setValue">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-setValue" class="member-name-link"><span data-ref="method-setValue" class="member-name">setValue</span></a>
            <span class="params-list"> (
                        
                        value
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Field.html'>ST.future.Field</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Schedules a <a href='#method-setValue'>setValue</a> call on the underlying Field.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.field(&#39;@someField&#39;).
     setValue(&#39;Something&#39;).
     and(function (field) {
         // field value is now &quot;Something&quot;
     });
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object (with an additional required <a href='#method-value'>value</a> property). In this case, all
other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-setValue--value">value</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a> / <a href='Object.html'>Object</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The new value for the text field.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-setValue--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a> / <a href='Object.html'>Object</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Field.html'>ST.future.Field</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-text" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="text" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-text">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-text" class="member-name-link"><span data-ref="method-text" class="member-name">text</span></a>
            <span class="params-list"> (
                        
                        text
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element&#39;s <code>textContent</code> to match the specified string.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).
     text(&#39;Hello world&#39;);
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object (with an additional required <a href='#method-text'>text</a> property). In this case, all
other arguments are ignored.</p>

            <p class="since-dec">Available since: <b>1.0.1</b></p>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-text--text">text</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a> / <a href='Object.html'>Object</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The text to match.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-text--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-textEmpty" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="textEmpty" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-textEmpty">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-textEmpty" class="member-name-link"><span data-ref="method-textEmpty" class="member-name">textEmpty</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element&#39;s <code>textContent</code> to be empty.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).
     textEmpty();
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object. In this case, all other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-textEmpty--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a> / <a href='Object.html'>Object</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-textLike" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="textLike" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-textLike">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-textLike" class="member-name-link"><span data-ref="method-textLike" class="member-name">textLike</span></a>
            <span class="params-list"> (
                        
                        pattern
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element&#39;s <code>textContent</code> to match the specified RegExp <code>pattern</code>.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).
     textLike(/hello/i);
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object (with an additional required <code>pattern</code> property). In this case, all
other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-textLike--pattern">pattern</span> :
                            <span class="memberType">&nbsp;<a href='RegExp.html'>RegExp</a> / <a href='String.html'>String</a> / <a href='Object.html'>Object</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The pattern to match. If this is a String, it
is first promoted to a <a href='RegExp.html'>RegExp</a> by called <code>new RegExp(pattern)</code>.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-textLike--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-textNotEmpty" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="textNotEmpty" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-textNotEmpty">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-textNotEmpty" class="member-name-link"><span data-ref="method-textNotEmpty" class="member-name">textNotEmpty</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element&#39;s <code>textContent</code> to be non-empty.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).
     textNotEmpty(200);
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object. In this case, all other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-textNotEmpty--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a> / <a href='Object.html'>Object</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-textNotLike" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="textNotLike" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-textNotLike">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-textNotLike" class="member-name-link"><span data-ref="method-textNotLike" class="member-name">textNotLike</span></a>
            <span class="params-list"> (
                        
                        pattern
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element&#39;s <code>textContent</code> to not match the specified RegExp <code>pattern</code>.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).
     textNotLike(/hello/i, 200);
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object (with an additional required <code>pattern</code> property). In this case, all
other arguments are ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-textNotLike--pattern">pattern</span> :
                            <span class="memberType">&nbsp;<a href='RegExp.html'>RegExp</a> / <a href='String.html'>String</a> / <a href='Object.html'>Object</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The pattern to match. If this is a String, it
is first promoted to a <a href='RegExp.html'>RegExp</a> by called <code>new RegExp(pattern)</code>.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-textNotLike--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                          
                          
                            <div id="method-type" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="type" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-type">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-type" class="member-name-link"><span data-ref="method-type" class="member-name">type</span></a>
            <span class="params-list"> (
                        
                        text
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Schedules a &quot;type&quot; action at the specified relative coordinates.  This method
assumes you have already achieved correct focus of the target.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div/input&#39;).
     focus().
     type(&#39;Hello world&#39;);
</code></pre></div><p>If first argument is an object, it should be a <a href='ST.event.Playable.html'>ST.event.Playable</a>
config object for a <code>type=&quot;type&quot;</code> event. In this case, all other arguments are
ignored.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-type--text">text</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a> / <a href='Object.html'>Object</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The text to type.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-type--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait for the
typing to finish.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-up" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="up" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Component.html">ST.future.Component<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Component-method-up">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-up" class="member-name-link"><span data-ref="method-up" class="member-name">up</span></a>
            <span class="params-list"> (
                        
                        selector
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Returns an ancestor <a href='ST.future.Element.html'>ST.future.Element</a> that corresponds to the selector.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.component(&#39;@someCmp&#39;).
     up(&#39;.wrapper&#39;).
     and(function (element) {
         // element is now available
     });
</code></pre></div><p>If the specified selector cannot be resolved, the request will timeout.</p>

            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-up--selector">selector</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The DOM or Composite query selector to use to search for the element</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-up--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"></div>

    </div>
  
                            <div id="method-value" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="value" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Field.html">ST.future.Field<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Field-method-value">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-value" class="member-name-link"><span data-ref="method-value" class="member-name">value</span></a>
            <span class="params-list"> (
                        
                        value
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Field.html'>ST.future.Field</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this Field to have the specified value.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.field(&#39;@someField&#39;).
     value(&#39;Something&#39;).
     and(function (field) {
         // textField has received the value &quot;Something&quot;
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-value--value">value</span> :
                            <span class="memberType">&nbsp;<a href='String.html'>String</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The value for which to wait.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-value--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Field.html'>ST.future.Field</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-valueEmpty" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="valueEmpty" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Field.html">ST.future.Field<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Field-method-valueEmpty">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-valueEmpty" class="member-name-link"><span data-ref="method-valueEmpty" class="member-name">valueEmpty</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Field.html'>ST.future.Field</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this Field to have an empty value.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.field(&#39;@someField&#39;).
     valueEmpty().
     and(function (field) {
         // field value is now empty
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-valueEmpty--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Field.html'>ST.future.Field</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-valueLike" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="valueLike" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.TextField.html">ST.future.TextField<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.TextField-method-valueLike">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-valueLike" class="member-name-link"><span data-ref="method-valueLike" class="member-name">valueLike</span></a>
            <span class="params-list"> (
                        
                        pattern
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.TextField.html'>ST.future.TextField</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this TextField to have a value like the given <code>pattern</code>.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.textField(&#39;@someTextField&#39;).
     valueLike(/bar$/i).
     and(function (textField) {
         // textField value now ends with &quot;bar&quot; (ignoring case)
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-valueLike--pattern">pattern</span> :
                            <span class="memberType">&nbsp;<a href='RegExp.html'>RegExp</a> / <a href='String.html'>String</a> / <a href='Object.html'>Object</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The pattern to match. If this is a String,
it is first promoted to a <a href='RegExp.html'>RegExp</a> by called <code>new RegExp(pattern)</code>.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-valueLike--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.TextField.html'>ST.future.TextField</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-valueNotEmpty" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="valueNotEmpty" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Field.html">ST.future.Field<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.Field-method-valueNotEmpty">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-valueNotEmpty" class="member-name-link"><span data-ref="method-valueNotEmpty" class="member-name">valueNotEmpty</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Field.html'>ST.future.Field</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this Field to have a non-empty value.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.field(&#39;@someField&#39;).
     valueNotEmpty().
     and(function (field) {
         // field value is now non-empty
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-valueNotEmpty--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Field.html'>ST.future.Field</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-valueNotLike" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="valueNotLike" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.TextField.html">ST.future.TextField<div class="viewSource"><a target="_blank" href="src/Component.js.html#ST.future.TextField-method-valueNotLike">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-valueNotLike" class="member-name-link"><span data-ref="method-valueNotLike" class="member-name">valueNotLike</span></a>
            <span class="params-list"> (
                        
                        pattern
                        , 
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.TextField.html'>ST.future.TextField</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this TextField to have a value that does not match the given <code>pattern</code>.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.textField(&#39;@someTextField&#39;).
     valueNotLike(/bar$/i).
     and(function (textField) {
         // textField value does not end with &quot;bar&quot; (ignoring case)
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-valueNotLike--pattern">pattern</span> :
                            <span class="memberType">&nbsp;<a href='RegExp.html'>RegExp</a> / <a href='String.html'>String</a> / <a href='Object.html'>Object</a></span>
                        
                    </p>
                    <div class="params-desc"><p>The pattern to match. If this is a String,
it is first promoted to a <a href='RegExp.html'>RegExp</a> by called <code>new RegExp(pattern)</code>.</p>
</div>

                </div>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-valueNotLike--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.TextField.html'>ST.future.TextField</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                          
                            <div id="method-visible" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="visible" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-visible">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-visible" class="member-name-link"><span data-ref="method-visible" class="member-name">visible</span></a>
            <span class="params-list"> (
                        
                        [timeout]
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Waits for this element to become visible.</p>
<p>Event injection methods automatically wait for target visibility, however, if
using <a href='#method-and'>and</a> sequences explicitly waiting for visibility may be necessary.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@someEl&#39;).
     visible().
     and(function (el) {
         // el is now visible
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-visible--timeout">timeout</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a></span>
                        <i class="memberType">(optional)</i>
                    </p>
                    <div class="params-desc"><p>The maximum time (in milliseconds) to wait.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                            <div id="method-wait" class="classmembers member member-public isNotStatic  isInherited    " data-member-name="wait" >
        <div class="collapse-toggle"></div>
        <div class="source-class"><a href="ST.future.Element.html">ST.future.Element<div class="viewSource"><a target="_blank" href="src/Element.js-1.html#ST.future.Element-method-wait">view source</a></div></a></div>
        <h2 class="member-header">
            <a href="#method-wait" class="member-name-link"><span data-ref="method-wait" class="member-name">wait</span></a>
            <span class="params-list"> (
                        
                        delayOrPollFn
                            

                )</span>

                :
                    <span class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>

            <div class="member-tags">
                    <span class="chainable full-flag">chainable</span>
                    <span class="chainable mini-flag">ch</span>
            </div>
        </h2>

            <p>Schedules a wait a specified amount of time (in milliseconds) or until a provided
function returns a truthy value.</p>
<p>For example:</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).

     wait(100).  // wait 100ms

     and(function (el) {
         // Runs after the click event. We receive the ST.Element
         // wrapper for the &quot;some-div&quot; element.

         expect(el.hasCls(&#39;foo&#39;)).toBe(true);
     });
</code></pre></div><p>Sometimes the condition on which a wait is based cannot be handles via callbacks
or events and must be polled. That is, one must check and re-check at some short
interval to determine if the condition is satisfied.</p>
<p>For example:</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> var t = 0;

 setTimeout(function () {
     t = 1;
 }, 1000);

 ST.element(&#39;@some-div&#39;).
     click(10, 10).

     wait(function (el) {
         // this test method ignores the el (ST.Element) argument
         // for demonstration purposes.
         return t;
     }).

     and(function (el) {
         // Runs after the click event and when t is truthy. We receive the
         // ST.Element wrapper for the &quot;some-div&quot; element.

         expect(el.hasCls(&#39;foo&#39;)).toBe(true);
     });
</code></pre></div><p>These can be combined as needed.</p>
<div class="code-snippet-wrap"><div class="code-controls example-collapse-target"><span class="collapse-tool"></span><span class="expand-tool"></span>Sample Code</div><pre><code class="language-javascript"> ST.element(&#39;@some-div&#39;).
     click(10, 10).

     wait(200, // wait 200ms

         function (el) {
             return t;  // poll this one until it is truthy
         },

         300,  // wait 300ms

         &#39;Something interest&#39;, // message for the next fn&#39;s timeout reason

         function (el) {
             return el.somethingInteresting();
         }
     ).

     and(function (el) {
         expect(el.hasCls(&#39;foo&#39;)).toBe(true);
     });
</code></pre></div>
            <h3 class="detail-header">Parameters</h3>
                <div class="param-row">
                    <p><span class="params-list param-list-item" id="method-wait--delayOrPollFn">delayOrPollFn</span> :
                            <span class="memberType">&nbsp;<a href='Number.html'>Number</a> / <a href='String.html'>String</a> / <a href='Function.html'>Function...</a></span>
                        
                    </p>
                    <div class="params-desc"><p>One or more millisecond delays,
functions to poll for truthy return value or timeout messages for said functions.</p>
</div>

                </div>

            <h3 class="detail-header">Returns</h3>
                :<span style="margin-left:12px;" class="memberType"><a href='ST.future.Element.html'>ST.future.Element</a></span>
                <div class="return-desc"><p>this</p>
</div>

    </div>
  
                </div>
        </div>
    </div>
    <div id="footer">
        <p>
            <a href="../../https@www.facebook.com/senchainc/" target="_blank"><img class="social" src="home-images/fb.png"/></a>
            <a href="../../https@www.linkedin.com/company/sencha-inc" target="_blank"><img class="social" src="home-images/in.png"/></a>
            <a href="../../https@twitter.com/Sencha" target="_blank"><img class="social" src="home-images/twt.png"/></a>
            Sencha Test 1.0.3  | <a href='../../https@www.sencha.com/legal/terms-of-use/' target='_blank'>Terms of Use</a>
        </p>
    </div>
</div>

        </div>
    </div>
    <h2 class="product-header"><a href="index.html">Sencha Test 1.0.3 </a>
        <span data-tip="Product / Version Menu" class="fa fa-chevron-circle-down product-menu-btn tooltip tooltip-tl-bl"><div class="callout callout-b"></div></span>
        <div id="peekaboo-input" class="peekaboo-input">
            <input type="text" id="mobile-input" />
        </div>
    </h2>

    <div id="product-tree-ct" class="hide">
        <div id="product-tree">
            <div class="product-name-ct">
                    <div id="product-menu-extjs" class="product-name-item">Ext JS</div>
                    <div id="product-menu-sencha_test" class="product-name-item">Sencha Test</div>
                    <div id="product-menu-cmd" class="product-name-item">Cmd</div>
                    <div id="product-menu-gxt" class="product-name-item">GXT</div>
                    <div id="product-menu-ide_plugins" class="product-name-item">IDE Plugins</div>
                    <div id="product-menu-sencha_inspector" class="product-name-item">Sencha Inspector</div>
                    <div id="product-menu-architect" class="product-name-item">Architect</div>
                    <div id="product-menu-touch" class="product-name-item">Touch</div>
                    <div id="product-menu-webappmgr" class="product-name-item">Web Application Manager</div>
            </div>
                <div class="product-version-ct hide extjs">
                        <h2>Ext JS</h2>
                            <h3>6.x</h3>
                                        <div class="compound-product-item">6.2.0 EA
                                                <a  href="../extjs/6.2.0-classic/index.html">(classic)</a>
                                                <a  href="../extjs/6.2.0-modern/index.html">(modern)</a>
                                        </div>
                                        <div class="compound-product-item">6.0.2
                                                <a  href="../extjs/6.0.2-classic/index.html">(classic)</a>
                                                <a  href="../extjs/6.0.2-modern/index.html">(modern)</a>
                                        </div>
                                        <div class="compound-product-item">6.0.1
                                                <a  href="../extjs/6.0.1-classic/index.html">(classic)</a>
                                                <a  href="../extjs/6.0.1-modern/index.html">(modern)</a>
                                        </div>
                                        <div class="compound-product-item">6.0.0
                                                <a  href="../extjs/6.0.0-classic/index.html">(classic)</a>
                                                <a  href="../extjs/6.0.0-modern/index.html">(modern)</a>
                                        </div>
                            <h3>5.x</h3>
                                        <a class="product-item" href="../extjs/5.1.3/index.html">5.1.3</a>
                                        <a class="product-item" href="../extjs/5.1.2/index.html">5.1.2</a>
                                        <a class="product-item" href="../extjs/5.1.1/index.html">5.1.1</a>
                                        <a class="product-item" href="../extjs/5.1.0/index.html">5.1.0</a>
                                        <a class="product-item" href="../extjs/5.0.1/index.html">5.0.1</a>
                                        <a class="product-item" href="../extjs/5.0.0/index.html">5.0.0</a>
                            <h3>4.x</h3>
                                        <a class="product-item" href="../extjs/4.2.5/">4.2.5</a>
                                        <a class="product-item" href="../extjs/4.1.3/">4.1.3</a>
                                        <a class="product-item" href="../extjs/4.0.7/">4.0.7</a>
                            <h3>3.x</h3>
                                        <a class="product-item" href="../extjs/3.4.0/">3.4.0</a>
                </div>
                <div class="product-version-ct hide sencha_test">
                        <h2>Sencha Test</h2>
                        <a  href="index.html">Sencha Test</a>
                </div>
                <div class="product-version-ct hide cmd">
                        <h2>Cmd</h2>
                        <a  href="../cmd/index.html">Cmd</a>
                </div>
                <div class="product-version-ct hide gxt">
                        <h2>GXT</h2>
                                <a class="product-item" href="../gxt/4.x/index.html">4.x</a>
                                <a class="product-item" href="../gxt/3.x/index.html">3.x</a>
                </div>
                <div class="product-version-ct hide ide_plugins">
                        <h2>IDE Plugins</h2>
                        <a  href="../ide_plugins/index.html">IDE Plugins</a>
                </div>
                <div class="product-version-ct hide sencha_inspector">
                        <h2>Sencha Inspector</h2>
                        <a  href="../sencha_inspector/index.html">Sencha Inspector</a>
                </div>
                <div class="product-version-ct hide architect">
                        <h2>Architect</h2>
                                <a class="product-item" href="../architect/3/index.html">Architect 3</a>
                                <a class="product-item" href="../architect/4/index.html">Architect 4 EA</a>
                </div>
                <div class="product-version-ct hide touch">
                        <h2>Touch</h2>
                            <h3>2.x</h3>
                                        <a class="product-item" href="../touch/2.4/index.html">Touch 2.4</a>
                                        <a class="product-item" href="../touch/2.3.1/">Touch 2.3</a>
                                        <a class="product-item" href="../touch/2.2.1/">Touch 2.2</a>
                                        <a class="product-item" href="../touch/2.0.2/">Touch 2.0</a>
                </div>
                <div class="product-version-ct hide webappmgr">
                        <h2>Web Application Manager</h2>
                        <a  href="../webappmgr/index.html">Web Application Manager</a>
                </div>
        </div>
    </div>

    <div id="historyConfigPanel">
        <div class="history-type-selector">
            <input id="historyTypeCurrent" type="radio" name="historyType" value="current" checked="true" />
            <label for="historyTypeCurrent">Current Product / Version</label><br>
            <input id="historyTypeAll" type="radio" name="historyType" value="all" />
            <label for="historyTypeAll">All</label><br>
            <div id="history-label-toggle">
                <input id="history-all-labels" type="checkbox" checked="true" />
                <label for="history-all-labels">Show product details in the history bar</label>
                <div class="mask"></div>
            </div>
            <span id="history-clear" class="tooltip tooltip-tr-br" data-tip="Clear History"><div class="history-clear callout callout-b"></div></span>
        </div>
        <div id="history-full-list"></div>
    </div>

    <div id="search-history-panel"></div>

</body>
    <script type="text/javascript" src="js/searchIndex.js"></script>
    <script type="text/javascript" src="js/guideSearch.js"></script>
<!--[if lt IE 9 ]>
<script type="text/javascript" src="js/media-query-poly.js"></script>
<style>
    span.da-inline-fiddle-nav-fiddle.x-fa.fa-play-circle {
        display: none;
    }
</style>
<![endif]-->
<script>
    if (navigator.userAgent.indexOf("Safari") > -1) {
        window.onpageshow = function(event) {
            if (event.persisted) {
                window.location.reload()
            }
        };
    }

    document.onreadystatechange = function () {
        if (document.readyState == "interactive") {
            //
        }
    }
</script>

</html>
